<template>
  <div class="content">
    <p>欢迎光临！！<span>{{welcome}}</span></p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      welcome: window.localStorage.getItem('username')
    }
  }
}
</script>

<style scoped="scoped">
  .content{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content p{
    font-size: 35px;
    height: 50px;
    line-height: 50px;
    color: #434343;
    display: inline-block;
  }
  .content p span{
    color: #34bdfc;
  }
</style>
